<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Yi科技（科技中心）留言板</title>
	<!--视口宽度是显示设备的宽度，图片和文字的初始比例为1-->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/liuyan.css">
  <link rel="stylesheet" href="css/style.css" type="text/css" />
  <script src="js/ajax.js"></script>
  <script src="js/guestbook.js"></script>
</head>
<body>

<!--整个导航条顶部区-->
<nav class="navbar navbar-default navbar-fixed-top"> 
 <div class="container-fluid">
<!--缩小时显示的块-->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a href="#"></a>
    </div>

    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

      <ul class="nav navbar-nav visible-lg">
        <li><a href="index.html">科技产品</span></a></li>
        <li><a href="zixun.html">科技咨讯</a></li>
        <li  class="active"><a href="liuyan.html">留言洞洞</a></li>
      </ul>

      <form class="navbar-form navbar-left ">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="科技">
        </div>
        <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
      </form>

      <ul class="nav navbar-nav navbar-right">
        <li><a class="glyphicon glyphicon-user" href="liuyan.html">登录</a></li>
        <li><a class="glyphicon glyphicon-pencil" href="liuyan.html">注册</a></li>
      </ul>
    </div><!-- /.navbar-collapse -->   
  </div><!-- /.container-fluid -->
</nav><!--整个导航结束-->
<div id="container">
  <div id="sidebar">

    <div id="user" style="margin-bottom: 10px;">
      <h4><span id="userinfo"></span> <a href="" id="logout">退出</a></h4>
    </div>

    <!-- 注册 -->
    <div id="reg">
      <h4>注册</h4>
      <div>
        <label>用户名：</label><input type="text" name="username" id="username1">
        <button type="cancel" value="取消">取消</button>
        <p id="verifyUserNameMsg"></p>
        <label>密码：</label><input type="password" name="password" id="password1">
        <input type="button" value="注册" id="btnReg" />
        
      </div>
    </div>
    <!-- 登陆 -->
    <div id="login">
      <h4>登陆</h4>
      <div>
        <label>用户名：</label><input type="text" name="username2" id="username2">
        <button type="cancel" value="取消">取消</button>
        <p></p>
        <label>密码：</label><input type="password" name="password2" id="password2">
        <input type="button" value="登陆" id="btnLogin" />
        
      </div>
    </div>
    <!-- 留言发表 -->
    <div id="sendBox">
      <h4>发表留言</h4>
      <div>
        <textarea id="content"></textarea>
        <input type="button" value="提交"  id="btnPost" style="margin-left: 10px;" />
      </div>
    </div>
  </div>
  <div id="list">
  </div>
  <div id="showMore">显示更多...</div>

  
  <div class="guding">
      <ul>
         <li>
            <a href="index.html"><span class="glyphicon glyphicon-home"></span>主页</a>
         </li>
         <li>
            <a href="liuyan.html"><span class="glyphicon glyphicon-envelope"></span>评论</a>
         </li>
         <li>
             <a href="#"><span class="glyphicon glyphicon-eject"></span>顶部</a>
         </li>
      </ul>
  </div>
</div>

<div style="clear: both;height: 20px"></div>


<div class="foot">
    <div class="container-fluid ">
      <h5>Yi科技</h5>
      <h5>科技产品 | 科技咨讯 | 科技常识 | 服务中心</h5>
      <h5>数码产品 | 智能硬件 | 家电产品 | 车科技 | VR设备</h5>
    </div>
</div>
</body>
</html>
